<template>
  <div>
    <div style="margin-bottom: 20px;background-color: #ffffff;padding: 24px;">
      <div style="display: flex;">
        <h4>数据接入</h4>
      </div>
      <div style="display: flex;">
        <a-breadcrumb>
          <a-breadcrumb-item>数据探索</a-breadcrumb-item>
          <a-breadcrumb-item>数据接入</a-breadcrumb-item>
        </a-breadcrumb>
      </div>
    </div>
    <div style="margin: 24px;background-color: #ffffff;min-height: 600px;">
      <div style="padding: 30px;">
        <div
          style="text-align: left;border-bottom:  1px solid #e8e8e8;padding-bottom: 10px;margin-bottom: 10px;"
        >
          数据库
        </div>
        <img src="../../../assets/imgs/dataSource.png" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DataAccess',
  data() {
    return {}
  },
  mounted() {
    this.listData = this.getData()
  },
  methods: {
    getData() {}
  }
}
</script>

<style lang="less" scoped>
.data-access {
  background-image: url(../../../assets/imgs/dataSource.png);
  height: 450px;
}
</style>
